.yg-carts {
  .yg-carts-nav {
    .carts-nav {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      background: #e9434f;
      color:white;
      font-size: 0.426667rem;
    }
  }
  .cart-content-list {
    margin-top: 1.2rem;
    margin-bottom: 1.333333rem;
    .content-list-item {
      height: 2.666667rem;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ddd;
      .list-item-left {
        display: flex;
        justify-content: center;
        align-items: center;
        flex:1;
        .iconfont.icon-xuanzhong {
          color: red;
        }
      }
  
      .list-item-mid {
        flex:2;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          height: 2.4rem;
          width: 2.4rem;
        }
      }
  
      .list-item-right {
        flex:4;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 2.666667rem;
        .right-top {
          .right-top-tit {
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
          }
        }
  
        .right-bottom {
          display: flex;
          justify-content: space-between;
          .right-bottom-left {
            color: red;
          }
  
          .right-bottom-rignt {
            height: 0.8rem;
            display: flex;
            align-items: center;
            .iconfont.icon-jian {
              margin-right:0.266667rem;
            }
            
            span.num {
              margin-right:0.266667rem;
              
            }
            
            .iconfont.icon-jia {
              
              margin-right:0.266667rem;
            }
          }
        }
      }
    }
  }
  .cart-content-bottom {
    position: fixed;
    bottom: 1.333333rem;
    width: 100%;
    height: 1.333333rem;
    align-items: center;
    background-color: white;
    display: flex;
    .checkedAll {
      flex:1;
      display: flex;
      align-items: center;
      .circle {
        margin-left: 0.133333rem;
        height: 0.533333rem;
        width: 20px;
        border-radius: 50%;
        border:1px solid #ddd;
      }
  
      .text {
        margin-left: 0.133333rem;
        color:#b6b3a6;
        font-size: 0.32rem;
      }
    }
  
    .totalPrice {
      flex:2;
      .text1 {
        font-size: 0.373333rem;
      }
  
      .price {
        color: red;
        font-size: 0.373333rem;
      }
    }
  
    .pay {
      flex:1;
      display: flex;
      align-items: center;
      justify-content: center;
      .text3 {
        margin-right: 0.266667rem;
        width: 2.666667rem;
        height: 0.8rem;
        color:white;
        border-radius: 0.533333rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: red;
      }
    }
  }
  .carts-img {
    .yg-cart-timg {
      .cart-Timg-img {
        width: 100%;
      }
  
      .Timg-title {
        text-align: center;
        a {
          display: inline-block;
          font-size: 0.533333rem;
          color: red;
          margin-top: 0.8rem;
        }
      }
    }
  }
}